<template>
<!-- 团购设置 -->
  <div class="setting">
    <h3>团购设置</h3>
    <div class="setting_input">
      <p>
        开启社区团购：
        <el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
      </p>
      <p>
        公告：
        <input type="text" placeholder="今日秒杀" />
      </p>
      <p>
        休市时间：
        <el-time-picker
          is-range
          v-model="value1"
          range-separator="至"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
          placeholder="选择时间范围"
        ></el-time-picker>
      </p>
      <p>
        团长申请海报：
        <button>选择图片</button>
      </p>
      <p>
        休市海报：
        <button>选择图片</button>
      </p>
      <p>
        供应商申请海报：
        <button>选择图片</button>
      </p>
      <p>
        发货方式：
        <el-radio-group v-model="direction">
          <el-radio label="ltr">快递</el-radio>
          <el-radio label="rtl">自提</el-radio>
          <el-radio label="ttb">团长配送</el-radio>
        </el-radio-group>
      </p>
      <p>
        自定义团长名称：
        <input type="text" placeholder="团长" />
      </p>
      <p>
        团长覆盖范围：
        <input type="text" placeholder="99999999999.99" />
        公里
      </p>
      <p>
        提现手续费：
        <input type="text" placeholder="0.00" />
        %
      </p>
      <p>
        最低提现金额：
        <input type="text" placeholder="0.00" />
        最低一元
      </p>
      <p>
        团长佣金：
        <input type="text" placeholder="0.00" />
        %
      </p>
      <p class="submit">
        <button>提交</button>
      </p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: true
    };
  }
};
</script>

<style lang="scss" scoped>
.setting {
  width: 100%;
  height: 100%;
}
.setting_input {
  width: 1000px;
  height: 890px;
  // background: #cccccc;
  margin-top: 20px;
  >p {
    padding: 16px 20px;
    >input {
      width: 250px;
      height: 40px;
      text-indent: 10px;
      // border: 1px solid #ccc;
      border: none;
      outline: none;
      border-radius: 5px;
    }
    >button{
      width: 90px;
      height: 40px;
      border: none;
      background: rgb(101, 156, 228);
      color: #ffffff;
      border-radius: 10px;
    }
  }
  .submit button{
    width: 450px;
    height: 40px;
  }
}

</style>